div.hgallery_main_image_div
{
    background-color : white;/* #e0f6fc;*/
    overflow:hidden;
    border: 1px dotted #eee;
    /*width:100%;*/
}    

div.hgallery_main_image
{
    border : 2px white solid;
    width:100%;
    display:inline;
}

div.hgallery_item_navigation
{
    background-color:#eeeeee;
    position:relative;
    margin-bottom:20px;
    text-align:center;
    width:100%;
    font-size: 18px;
    font-weight:bold;
}

div.ul_wrapper
{
    overflow: hidden; 
    /*width: 500px;*/
    /*border: solid green;*/
    background-color: #fff; /*#eee*/
}


ul.hgallery_ul {
    position: relative; 
    white-space: nowrap; /* make sure it's on one line */
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*    
    height: 76px; 
    width: 1500px;
    border: 1px solid red;
	float: left;
	margin: 5px 0 2px 0;
	position: absolute;
	*/
}

	
ul.hgallery_ul li {
   float:left;
   border: 1px solid #eee;
   list-style-type:none;
   background-color:#d6edfc;
   text-align:center;
   
   /*height:68px;
   margin-left: 5px;
   width:68px;*/
}

ul.hgallery_ul li.hgallery_li_focused
{
    background-color : #fdfad9;
    border-color: #f1a902;
}

ul.hgallery_ul li.hgallery_li_normal
{
    background-color : #d6edfc;
    border-color: #e3dfdf;/*white;*/
}


.hgallery_thumbnail_focused
{
}
.hgallery_thumbnail_normal
{
    cursor : pointer;
}



/* paging info */
ul.hgalery_page_navigation_ul {
	float: left; clear: left;
	list-style: none;
	margin: 0;
	border: 1px #bdc2c4 solid;
}

ul.hgalery_page_navigation_ul li {
		display: block;
		float: left;
		width: 25px; height: 15px;
		line-height: 15px;
		font-size: 0.8em;
		text-align: center;
		text-transform: uppercase;
		color: #696969;
		margin: 0; padding: 0;
}
	
	
ul.hgalery_page_navigation_ul li.prev { width: 20px; }
ul.hgalery_page_navigation_ul li.prev a {
	display: block;
	/*width: 100%;*/ height: 15px;
	text-indent: -10000px;
	background: url(/public/library/jquery/images/hgallery_previous.gif) top left no-repeat;
}

ul.hgalery_page_navigation_ul li.next { width: 35px; }
ul.hgalery_page_navigation_ul li.next a {
	display: block;
	/*width: 100%;*/ height: 15px;
	text-indent: -10000px;
	background: url(/public/library/jquery/images/hgallery_next.gif) top right no-repeat;
}

ul.hgalery_page_navigation_ul li.next a:hover { background-position: 100% -18px; }
ul.hgalery_page_navigation_ul li.prev a:hover { background-position: 0 -18px; }

ul.hgalery_page_navigation_ul li.next a.disabled,
ul.hgalery_page_navigation_ul li.next a.disabled:hover { background-position: 100% -36px; cursor: default; }
ul.hgalery_page_navigation_ul li.prev a.disabled,
ul.hgalery_page_navigation_ul li.prev a.disabled:hover { background-position: 0 -36px; cursor: default; }
